<template>
	<view>
		<Toptab :title="$t('article.a3')"></Toptab>
		<view class="level_con">
			<view class="user-conter">
				<h1 style="font-size: 18px; margin-bottom: 10px; text-align: center; width: 100%">{{homeSetter.title}}</h1>
				<view style="width: 100%; display: flex; justify-content: space-between; margin: 5px 0px 15px; font-size: 12px; color: rgb(153, 153, 153)">
					<text>{{$t("article.a2")}}</text>
					<!-- <text>{{homeSetter.createTime}}</text> -->
				</view>
				<view style="text-indent: 2em" v-html="homeSetter.content"></view>
			</view>
		</view>

		<FooterNav :modelKey="5" />
	</view>
</template>
<script>
import FooterNav from '@/components/footer-nav/footer-nav.vue';
import {homeSetterId} from '@/api/index.js'
export default {
	components: {
		FooterNav
	},
	props: {},
	data() {
		return {
			datatextx: '',
			ID:"",
			homeSetter:{},
		};
	},
	onLoad(parameter) {
		this.ID = parameter.id;
	},
	watch: {},
	computed: {},
	onShow() {
		this.init();
	},
	methods: {
		async init() {
			let res = await homeSetterId(this.ID);
			this.homeSetter = res.data;
		}
	}
};
</script>
<style lang="scss" scoped>
.level_con {
	margin-top: 20px;
	overflow-x: scroll;
	padding: 15px;
}
</style>
